<template>
  <!-- 页面工具栏 -->
  <div class="page-tool-bar-container">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'ToolBar',
  props: {
    position: {
      type: String,
      default: ()=> 'top'
    },
    divider: {
      type: Boolean,
      default: ()=> true
    }
  }
}
</script>
<style lang="scss" scoped>
.page-tool-bar-container {
  flex-grow: 1;
  min-height: 0;
  border-bottom: 1px solid #dcdfe6;
  margin-bottom: 10px;

  ::v-deep .el-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  ::v-deep .barMarginBottom {
    margin-bottom: 22.5px;
  }

  ::v-deep .el-col:last-child {
    padding-left: 12px !important;
  }
}
</style>